<template>
  <div class="login">
    <login-page title="修改密码">
      <div class="input-item">
        <input-text icon='iconfont icon-suo' text='旧密码' type='password'></input-text>
        <input-text icon='iconfont icon-suo' text='新密码' type='password'></input-text>
        <input-text icon='iconfont icon-wancheng' text='确认密码' type='password'></input-text>
      </div>
      <div class="input-item">
        <input-button text='修改' color='#fb7d3f'></input-button>
        <input-button text='返回' @click.native="$router.go(-1);"></input-button>
      </div>
    </login-page>
  </div>
</template>

<script>
import LoginPage from "../Common/LoginPage";
import InputText from "../Common/InputText";
import InputButton from "../Common/InputButton";
import LoginLink from "../Common/LoginLink";
export default {
  name: "HelloWorld",
  data() {
    return {
      msg: "Welcome to Your Vue.js App"
    };
  },
  methods: {
    login() {
      this.$router.push("/home");
    }
  },
  components: {
    LoginPage,
    InputText,
    InputButton,
    LoginLink
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
@import "./css/index.css";
</style>
